<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/11/2
  Time: 21:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${pageContext.request.contextPath}/assets/images/favicon.png" type="image/png">
    <title>用户列表</title>

    <!--Begin  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet"/>
    <!--End  Page Level  CSS -->
    <link href="${pageContext.request.contextPath}/assets/css/icons.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/assets/css/responsive.css" rel="stylesheet">
    <style>


        .main-content {
            background-color: white;
        }

        tr td a {
            margin-right: 10px;
        }

        .container .table thead tr th {
            line-height: 60px;
            text-align: center;
        }

        .container .table tbody tr td {
            line-height: 60px;
        }

        .btn {
            border-radius: 5px;
        }

        .pagination {
            margin-right: 600px;
        }

        .container input {
            margin: 10px auto;
        }

        .seach {
            position: absolute;
            left: 1300px;
            top: 150px;
        }

        .seach a {
            display: inline-block;
            background: dimgray;
            color: whitesmoke;
            width: 75px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 5px;
        }


        .form-control {
            display: inline;
        }

        .container caption {
            font-size: larger;
        }

        .container {
            padding: 10px;
        }
        .table-bordered tr td{
            height: 8px;
            line-height: 8px;
        }
        .ff a{
            display: inline-block;
            background: dimgray;
            color: whitesmoke;
            width: 75px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 5px;
            margin-left: 50px;
        }
        .row{
            margin-top: 20px;
        }
    </style>
</head>

<body class="sticky-header">

<jsp:include page="../inc/left.jsp"/>

<div class="main-content">
    <jsp:include page="../inc/header.jsp"/>

    <div class="header-section">

        <a class="toggle-btn"><i class="fa fa-bars"></i></a>

        <form class="searchform">
            <input type="text" class="form-control" name="keyword" placeholder="Search here..."/>
        </form>

        <!--notification menu start -->
        <div class="menu-right">
            <ul class="notification-menu">
                <li>
                    <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                        <i class="fa fa-tasks"></i>
                        <span class="badge">8</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-head pull-right">
                        <h5 class="title">You have 8 pending task</h5>
                        <ul class="dropdown-list">
                            <li class="notification-scroll-list notification-list ">
                                <!-- list item-->
                                <a href="javascript:void(0);" class="list-group-item">
                                    <div class="media">
                                        <div class="pull-left p-r-10">
                                            <em class="fa  fa-shopping-cart noti-primary"></em>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="media-heading">A new order has been placed.</h5>
                                            <p class="m-0">
                                                <small>29 min ago</small>
                                            </p>
                                        </div>
                                    </div>
                                </a>

                                <!-- list item-->
                                <a href="javascript:void(0);" class="list-group-item">
                                    <div class="media">
                                        <div class="pull-left p-r-10">
                                            <em class="fa fa-check noti-success"></em>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="media-heading">Databse backup is complete</h5>
                                            <p class="m-0">
                                                <small>12 min ago</small>
                                            </p>
                                        </div>
                                    </div>
                                </a>

                                <!-- list item-->
                                <a href="javascript:void(0);" class="list-group-item">
                                    <div class="media">
                                        <div class="pull-left p-r-10">
                                            <em class="fa fa-user-plus noti-info"></em>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="media-heading">New user registered</h5>
                                            <p class="m-0">
                                                <small>17 min ago</small>
                                            </p>
                                        </div>
                                    </div>
                                </a>

                                <!-- list item-->
                                <a href="javascript:void(0);" class="list-group-item">
                                    <div class="media">
                                        <div class="pull-left p-r-10">
                                            <em class="fa fa-diamond noti-danger"></em>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="media-heading">Database error.</h5>
                                            <p class="m-0">
                                                <small>11 min ago</small>
                                            </p>
                                        </div>
                                    </div>
                                </a>

                                <!-- list item-->
                                <a href="javascript:void(0);" class="list-group-item">
                                    <div class="media">
                                        <div class="pull-left p-r-10">
                                            <em class="fa fa-cog noti-warning"></em>
                                        </div>
                                        <div class="media-body">
                                            <h5 class="media-heading">New settings</h5>
                                            <p class="m-0">
                                                <small>18 min ago</small>
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="last"><a href="#">View all notifications</a></li>
                        </ul>
                    </div>
                </li>

                <li>
                    <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="badge">4</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-head pull-right">
                        <h5 class="title">Notifications</h5>
                        <ul class="dropdown-list normal-list">
                            <li class="message-list message-scroll-list">
                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-8.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">15 minutes ago</span>
                                </a>

                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-7.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">10 minutes ago</span>
                                </a>

                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">20 minutes ago</span>
                                </a>

                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">20 minutes ago</span>
                                </a>

                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">20 minutes ago</span>
                                </a>

                                <a href="#">
                                    <span class="photo"> <img
                                            src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg"
                                            class="img-circle" alt="img"></span>
                                    <span class="subject">John Doe</span>
                                    <span class="message"> New tasks needs to be done</span>
                                    <span class="time">20 minutes ago</span>
                                </a>
                            </li>
                            <li class="last"><a href="#">All Messages</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <img src="${pageContext.request.contextPath}/assets/images/users/avatar-6.jpg" alt=""/>
                        John Doe
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                        <li><a href="#"> <i class="fa fa-wrench"></i> Settings </a></li>
                        <li><a href="#"> <i class="fa fa-user"></i> Profile </a></li>
                        <li><a href="#"> <i class="fa fa-info"></i> Help </a></li>
                        <li><a href="#"> <i class="fa fa-lock"></i> Logout </a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <!--notification menu end -->

    </div>

    <div class="wrapper" style="background:rgb(238, 238, 238)">

        <div class="page-title-box">
            <h4 class="page-title">退货原因详情</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="index">首页</a>
                </li>
                <li>
                    <a href="orderList">订单</a>
                </li>
                <li class="active">
                    退货原因详情
                </li>
            </ol>
            <div class="clearfix"></div>
        </div>
        <div class="row" >
            <div class="col-xs-6 col-md-1"></div>
            <div class="col-xs-6 col-md-9" style="background:#FFFFFF;">
                    <table class="table table-bordered">
                        <caption style="font-size: 25px">退货商品</caption>
                        <thead>
                        <tr>
                            <th>商品图片</th>
                            <th>商品名称</th>
                            <th>价格/货号</th>
                            <th>属性</th>
                            <th>数量</th>
                            <th>小计</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="line-height: 80px;text-align: center">
                            <td><img src="${product.productPic}" width="80"></td>
                            <td>${product.productName}<br>品牌：${product.productBrand}</td>
                            <td>价格：${product.productPrice}<br>
                                货号：${product.productId}</td>
                            <td>${product.productAttr}</td>
                            <td>${product.productCount}</td>
                            <td>${product.productRealPrice}</td>
                        </tr>
                        </tbody>
                    </table>
                <p style="float:right;font-size: 16px">总计：<span style="color: red">￥${product.productRealPrice}</span></p>
                </div>
            <div class="col-xs-6 col-md-2"></div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-md-1"></div>
            <div class="col-xs-6 col-md-9 " style="background:#FFFFFF;">
                    <table class="table table-bordered">
                        <caption style="font-size: 25px">服务单信息</caption>
                        <tbody >
                        <tr>
                            <td><p>服务单号</p></td>
                            <td><p>${product.id}</p></td>
                        </tr>
                        <tr>
                            <td><p>申请状态</p></td>
                            <td><p>${product.status}</p> </td>
                        </tr>
                        <tr>
                            <td><p>订单编号</p></td>
                            <td><p>${product.orderSn}<a href="order?orderSn=${product.orderSn}">查看</a></p>
                            </td>
                        </tr>
                        <tr>
                            <td><p>申请时间</p></td>
                            <td><p><fmt:formatDate value="${product.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></p>
                            </td>
                        </tr>
                        <tr>
                            <td><p>用户账户</p></td>
                            <td><p>${product.memberUsername}</p></td>
                        </tr>
                        <tr>
                            <td><p>联系人</p></td>
                            <td><p>${product.returnName}</p></td>
                        </tr>
                        <tr>
                            <td><p>联系电话</p></td>
                            <td><p>${product.returnPhone}</p></td>
                        </tr>
                        <tr>
                            <td><p>退货原因</p></td>
                            <td><p>${product.reason}</p></td>
                        </tr>
                        <tr>
                            <td><p>问题描述</p></td>
                            <td><p>${product.description}</p></td>
                        </tr>
                        <tr>
                            <td><p style="height: 89px;line-height: 80px">凭证图片</p></td>
                            <td><p><img src="${product.proofPics}" height="80"></p></td>
                        </tr>
                        </tbody>
                    </table>

                </div>

            <div class="col-xs-6 col-md-2"></div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-md-1"></div>
            <div class="col-xs-6 col-md-9 " style="background:#FFFFFF;">
                <form action="saveOrder?id=${product.id}" method="post" class="ff">
                    <table class="table table-bordered">
                        <caption style="font-size: 25px">订单金额</caption>
                            <tbody >
                            <tr>
                                <td><p>订单金额</p></td>
                                <td><p>${product.productRealPrice}</p></td>
                            </tr>
                            <tr>
                                <td><p>确认退款金额</p></td>
                                <td><input name="returnAmount" type="number" placeholder="请输入退款金额"> </td>
                            </tr>
                            <tr>
                                <td>选择收货地点</td>
                                <td>
                                    <select name="addressName">选择收货地点
                                    <c:forEach items="${companyAddress}" var="c">
                                    <option value="${c.id}">${c.addressName}</option>
                                    </c:forEach></select>
                                </td>
                            </tr>
                            <tr>
                                <td><p>收货人姓名</p></td>
                                <td>
                                    <c:forEach items="${companyAddress}" var="c">
                                        <p><c:if test="${c.id==product.companyAddressId}">
                                            ${c.name}
                                        </c:if></p></option>
                                    </c:forEach>
                                </td>
                            </tr>
                            <tr>
                                <td><p>所在区域</p></td>
                                <td>
                                    <c:forEach items="${companyAddress}" var="c">
                                    <p><c:if test="${c.id==product.companyAddressId}">
                                        ${c.province}${c.city}${c.region}
                                    </c:if></p></option>
                                </c:forEach></td>
                            </tr>
                            <tr>
                                <td><p>详细地址</p></td>
                                <td><c:forEach items="${companyAddress}" var="c">
                                    <p><c:if test="${c.id==product.companyAddressId}">
                                        ${c.detailAddress}
                                    </c:if></p>
                                </c:forEach></td>
                            </tr>
                            <tr>
                                <td><p>联系电话</p></td>
                                <td><p>${product.returnPhone}</p></td>
                            </tr>
                            <tr>
                                <td><p>处理备注</p></td>
                                <td><input type="text" name="handleNote" placeholder="处理备注"></td>
                            </tr>
                            </tbody>


                    </table>
                <input type="submit" value="接受退货" class="bnt btn-primary" style="margin-left: 300px;height: 32px;width: 75px;border-radius: 6px">
                <a href="returnApplyList">拒绝退货</a>
                </form>
                </div>
            <div class="col-xs-6 col-md-2"></div>
        </div>


    </div>
</div>


<!--Begin core plugin -->
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/moment/moment.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.slimscroll.js "></script>
<script src="${pageContext.request.contextPath}/assets/js/jquery.nicescroll.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/functions.js"></script>
<!-- End core plugin -->

<!--Begin Page Level Plugin-->
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/morris.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/morris-chart/raphael-min.js"></script>
<script src="${pageContext.request.contextPath}/assets/plugins/jquery-sparkline/jquery.charts-sparkline.js"></script>
<script src="${pageContext.request.contextPath}/assets/pages/dashboard.js"></script>
<!--End Page Level Plugin-->


</body>
</html>
